![[Vibe Coding] バイブコーディング × Cursor 入門講座 04 (ゲーム制作にチャレンジ)](https://humanxai.info/images/uploads/vibe_coding-cursor-practice04.webp)
[Vibe Coding] バイブコーディング × Cursor 入門講座 04 (ゲーム制作にチャレンジ)
2025-06-08 | lain
バイブコーディング × Cursor 入門講座 04 「ゲーム制作にチャレンジ」
AIと創作の記録をここに。
「AIと人が、共に学び、創る場所」
学びと再出発の旅路へ。
注目のプロジェクト
注目
注目
おすすめ記事
![[Hugo] Alpine.jsで検索モーダルを実装（Fuse.js対応）](https://humanxai.info/images/uploads/hugo-alpine_js-fuse_js.webp)
[Hugo] Alpine.jsで検索モーダルを実装（Fuse.js対応）
2025-06-03 | lain
Hugo × Alpine.js × Fuse.js：軽量な検索モーダルの作り方
![[Hugo] 静的ブログにgiscusでコメント機能を追加する方法](https://humanxai.info/images/uploads/hugo-giscus.webp)
[Hugo] 静的ブログにgiscusでコメント機能を追加する方法
2025-05-31 | lain
Hugoにコメント機能をgiscusで実装する方法の紹介
最新記事
![[Claude Code] 入門講座 #04：Claudeでエラーを直してもらう：デバッグ体験](https://humanxai.info/images/uploads/claude_code-practice-04.webp)
[Claude Code] 入門講座 #04：Claudeでエラーを直してもらう：デバッグ体験
2025-06-12 | lain
今回は、エラーがあるコードをClaudeに見せて修正を依頼する方法を学びます。
![[FramePack] 入門講座 #07：（最終章）生成した動画を編集・活用する](https://humanxai.info/images/uploads/framepack-practice-07.webp)
[FramePack] 入門講座 #07：（最終章）生成した動画を編集・活用する
2025-06-12 | lain
FramePackで生成した動画を実際に編集・活用するための方法を紹介します。音声・字幕・結合エフェクトなどを加えることで、作品として仕上げていく実践編。無料ソフトとの連携方法にも触れます。
![[FramePack] 入門講座 #06：背景や演出の工夫「猫が横切るには？」](https://humanxai.info/images/uploads/framepack-practice-06.webp)
[FramePack] 入門講座 #06：背景や演出の工夫「猫が横切るには？」
2025-06-12 | lain
FramePackでは、キャラの動きが主役ですが、「背景」にちょっとした演出を加えるだけでシーンに“物語”が生まれます。この回では、そんな演出のコツを紹介。
![[FramePack] 入門講座 #05：プロンプト調整術と失敗例集](https://humanxai.info/images/uploads/framepack-practice-05.webp)
[FramePack] 入門講座 #05：プロンプト調整術と失敗例集
2025-06-12 | lain
本記事では、FramePackを使った動画生成時によくある失敗例と、それを回避するためのプロンプト調整術を紹介します。安定したモーションや自然な演出の実現に役立つ具体的なTipsを多数掲載。
![[FramePack] 入門講座 #04：初期テスト - 1キャラ×1モーションで試す](https://humanxai.info/images/uploads/framepack-practice-04.webp)
[FramePack] 入門講座 #04：初期テスト - 1キャラ×1モーションで試す
2025-06-12 | lain
本記事では、FramePackの拡張版である『FramePack-eichi』の導入手順と、その特徴やベースとの違いについて解説します。より高度なキャラ演出や自然な動きを実現したい方におすすめ。
![[FramePack] 入門講座 #03：FramePack-eichiの導入と違い](https://humanxai.info/images/uploads/framepack-practice-03.webp)
[FramePack] 入門講座 #03：FramePack-eichiの導入と違い
2025-06-11 | lain
本記事では、FramePackの拡張版である『FramePack-eichi』の導入手順と、その特徴やベースとの違いについて解説します。より高度なキャラ演出や自然な動きを実現したい方におすすめ。
![[FramePack] 入門講座 #02：FramePackのインストール手順と初期設定](https://humanxai.info/images/uploads/framepack-practice-02.webp)
[FramePack] 入門講座 #02：FramePackのインストール手順と初期設定
2025-06-11 | lain
本記事では、FramePackをローカルPCまたはGoogle Colab上にインストールする手順と、初期設定の注意点について解説します。軽量なAI動画生成環境を構築しましょう。
![[FramePack] 入門講座 #01：FramePackとは？その特徴と活用可能性](https://humanxai.info/images/uploads/framepack-practice-01.webp)
[FramePack] 入門講座 #01：FramePackとは？その特徴と活用可能性
2025-06-11 | lain
本記事では、話題の動画生成AI『FramePack』について、その仕組みと特徴、他の生成AIとの違い、どのような場面で活用できるかをやさしく解説します。
![[Claude Code] 入門講座 #03：Claudeで簡単なJSゲームを作る - モグラ叩き編](https://humanxai.info/images/uploads/claude_code-practice-03.webp)
[Claude Code] 入門講座 #03：Claudeで簡単なJSゲームを作る - モグラ叩き編
2025-06-11 | lain
Claude 3.5 Sonnetに自然言語で指示を出し、JavaScriptによる簡単なモグラ叩きゲームを生成。